<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>美策服务平台</title>
    <link rel="shortcut icon" href="../../imgs/common/logo.png">
    <link rel="stylesheet" href="../../css/common/common.css">
    <link rel="stylesheet" href="../../css/login/index.css">

    <!-- 引入elementUI框架 -->
    <!-- 引入样式 -->
    <link rel="stylesheet" href="../../css/common/element-ui@2.13.0.css">
</head>
<body>
    <div class="common login" id="loginBox">
        <cm-header :login=false></cm-header>
        <div class="section">
            <div class="frame">
                <div class="frame-type">
                    <span :class="{ active: activeType }" @click="onSwitchLogin">登录</span>
                    <span :class="{ active: !activeType }" @click="onSwitchRegister">注册</span>
                </div>
                <form class="frame-content" v-if="activeType">
                    <input class="input-button" type="tel" mcname="phone" placeholder="请输入您的手机号" />
                    <input class="input-button" type="password" mcname="password" placeholder="请输入您的密码" />
                    <div class="operating">
                        <!-- <a href="./code.html">验证码登录</a> -->
                        <a href="./forget.html">忘记密码？</a>
                    </div>
                    <button class="btn btn-primary login-btns" type="button" @click="onLogin">登录</button>
                    <a class="register" href="#">
                        还没有账号？<span href="#" @click="onSwitchRegister">立即注册</span>
                    </a>
                    <p v-if="!isCheck" style="margin-top: 5px;font-size: 18px;color: red;">用户名账号密码不匹配</p>
                </form>
                <form class="frame-content" v-else>
                    <input class="input-button" type="tel" mcname="phone" placeholder="请输入您的手机号" />
                    <div class="code">
                        <input class="" type="text" mcname="code" placeholder="请输入您的验证码" />
                        <button class="btn" :class="[codeBtnClass]"  type="button" @click="onGetCode">{{codeTextFun}}</button>
                    </div>
                    <input class="input-button" type="password" mcname="password" placeholder="请输入您的密码" />

                    <button class="btn btn-primary login-btns" type="button" @click="onRegistered">注册</button>
                    <div class="protocol">
                        注册即表示同意<a href="#">用户协议</a>和<a href="#">隐私条款</a>
                    </div>
                    <p v-if="!isCheck" style="margin-top: 5px;font-size: 18px;color: red;">请检查信息是否正确</p>
                </form>
            </div>
            <el-dialog
                title="提示"
                :visible.sync="centerDialogVisible"
                width="30%"
                center>
                <span>请选择下面要进入的渠道</span>
                <span slot="footer" class="dialog-footer">
                    <el-button @click="onJumpLink('staff')" v-if="is_yingpin">个人</el-button>
                    <el-button @click="onJumpLink('company')" v-if="is_company">公司</el-button>
                    <el-button @click="onJumpLink('factory')" v-if="is_factory">工厂</el-button>
                </span>
            </el-dialog>
        </div>
        <footer></footer>
    </div>
    <script src="../../js/common/jquery-1.8.3.min.js"></script>
    <script src="../../js/common/vue_2.5.13.js"></script>
    <script src="../../js/common/element-ui@2.13.0.js"></script>
    <script src="../../js/app.js"></script>
    <!-- <script src="../../js/general.js"></script> -->
    <script src="../../js/components/header.js"></script>
    <script src="../../js/login/index.js"></script>
</body>
</html>